// 引入CSS2渲染器CSS2DRenderer和CSS2模型对象CSS2DObject
import { CSS3DObject } from 'three/addons/renderers/CSS3DRenderer.js';

// 创建一个HTML标签
function tag() {
  // 创建div元素(作为标签)
  var div = document.getElementById("tag");
  // div.innerHTML = name;
  //div元素包装为CSS2模型对象CSS2DObject
  var label = new CSS3DObject(div);
  div.style.pointerEvents = 'none';//避免HTML标签遮挡三维场景的鼠标事件
  // 设置HTML元素标签在three.js世界坐标中位置
  // label.position.set(x, y, z);
  return label;//返回CSS2模型标签      
}
export {tag}